



        #contact{
            margin-top: 100px;
        }
        #contact .lft{
            width: 380px;
            margin-right: 110px;
        }
        #contact .lft .txt{
            margin-top: 150px;
            padding-left: 32px;
        }
        #contact .lft .txt p{
            position: relative;
            padding-left: 40px;
            padding-bottom: 10px;
            line-height: 1.7;
            font-size: 18px;
            border-bottom: dashed 2px #C1BFC0;
            margin-bottom: 30px;
        }

        #contact .lft .txt p:last-child{
            border-bottom-width: 0px;
            margin-bottom: 0px;
        }
        #contact .lft .txt p img{
            position: absolute;
            bottom: 100%;
            left: 0px;
            width: auto;
            margin-bottom: calc(-18px * 1.7 / 2 - 9px);
        }
        #contact .map{
            height: 580px;
            flex: 1;
        }
        #contact .map iframe {
            display: block;
            height: 100%;
            width: 100%;
        }

        #suggest{
            margin-top: 90px;
            margin-bottom: 70px;
        }
        #suggest .form{
            flex-wrap: wrap;
            margin-left: -6.5vw;
        }
        #suggest .form>*{
            width: calc(50% - 6.5vw);
            margin-left: 6.5vw;
            margin-top: 50px;
        }
        #suggest .form>*:last-child{
            width: calc(100% - 6.5vw);
        }
        #suggest .form .label{
            font-size: 18px;
            margin-bottom: 10px;
        }
        #suggest .form .label + *{
            font-size: 20px;
            border: 1px solid #DADFE3;
            border-radius: 4px;
        }
        #suggest .form input{
            padding-left: 30px;
            line-height: 45px;
        }
        #suggest .form textarea{
            line-height: 1.4;
            padding: 20px;
            height: 190px;
        }
        #suggest .submit{
            width: 170px;
            line-height: 54px;
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            letter-spacing: 6px;
            margin: 0 auto;
            margin-top: 54px;
            border-radius: 4px;
            background: #A01F24;
            text-align: center;
        }


        #cooperate{
            text-align: center;
            padding: 7.8125vw;
            position: relative;
        }
        #cooperate .txt{
            width: 780px;
            color: #fff;
            font-weight: bold;
            font-size: 60px;
            padding: 115px 0px;
            line-height: 1;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }
        #cooperate .txt p{
            transform: translateY(30px);
            opacity: 0;
            transition: opacity .5s,transform .5s;
            transition-delay: .5s;
        }
        #cooperate .txt p + p{
            margin-top: 55px;
            transition-delay: .6s;
        }
        #cooperate .txt.frozen p{
            opacity: 1;
            transform: translateY(0px);
        }
        #cooperate .txt span{
            z-index: -1;
        }
        #cooperate .txt span::before,
        #cooperate .txt span::after,
        #cooperate .txt span i{
            width: 0%;
            height: 100%;
            transition: width .5s;
            position: absolute;
            background: #A01F24;
            top: 0px;
        }
        #cooperate .txt span::before,
        #cooperate .txt span::after{
            content: '';
        }
        #cooperate .txt span::before{
            left: 0px;
        }
        #cooperate .txt span i:nth-child(1){
            transition-delay: 50ms;
            left: calc(50% / 3);
        }
        #cooperate .txt span i:nth-child(2){
            transition-delay: 100ms;
            left: calc(100% / 3);
        }
        #cooperate .txt span i:nth-child(3){
            transition-delay: 150ms;
            left: 50%;
        }
        #cooperate .txt span i:nth-child(4){
            transition-delay: 200ms;
            left: calc(200% / 3);
        }
        #cooperate .txt span:after{
            transition-delay: 250ms;
            left: calc(250% / 3);
        }
        #cooperate .txt.frozen span::before,
        #cooperate .txt.frozen span::after,
        #cooperate .txt.frozen span i{
            width: calc(50% / 3);
        }

        @media(max-width:1600px){
            #contact{
                margin-top: 70px;
            }
            #contact .lft{
                width: 320px;
                margin-right: 60px;
            }
            #contact .lft .txt{
                margin-top: 100px;
                padding-left: 20px;
            }
            #contact .lft .txt p{
                font-size: 16px;
            }
            #contact .lft .txt p img{
                transform-origin: left;
                transform: scale(.9);
                margin-bottom: calc(-16px * 1.7 / 2 - 8px);
            }
            #contact .map{
                height: 500px;
            }

            #suggest .form .label{
                font-size: 16px;
            }

            #cooperate .txt{
                width: 600px;
                padding: 90px 0px;
                font-size: 48px;
            }
            #cooperate .txt p + p{
                margin-top: 40px;
            }

        }

        @media(max-width:1200px){
            #contact .lft .txt{
                margin-top: 60px;
            }
            #contact .map{
                height: 400px;
            }
            #contact .lft{
                width: 300px;
                margin-right: 40px;
            }
            #contact .lft .txt p{
                padding-left: 30px;
            }
            #contact .lft .txt p img{
                transform: scale(.85);
            }

            #suggest .form>*{
                margin-top: 40px;
            }
            #suggest .form input{
                padding-left: 20px;
            }
            #suggest .form .label + *{
                font-size: 18px;
            }
            #suggest .form input{
                line-height: 40px;
            }
            #suggest .form textarea{
                height: 160px;
                padding: 10px;
            }
            #suggest .submit{
                font-size: 20px;
                width: 150px;
                line-height: 48px;
                margin-top: 40px;
            }

            #cooperate .txt{
                width: 500px;
                font-size: 40px;
            }
            #cooperate .txt p + p{
                margin-top: 30px;
            }
        }

        @media(max-width:1024px){
            #contact .lft{
                width: 280px;
            }
            #contact .lft .txt{
                margin-top: 40px;
                padding-left: 0px;
            }

            #suggest{
                margin-top: 70px;
                margin-bottom: 50px;
            }
            #suggest .form>*{
                margin-top: 30px;
            }
            #suggest .form input{
                padding-left: 10px;
            }
            #suggest .form .label{
                font-size: 14px;
            }
            #suggest .form .label + *{
                font-size: 16px;
            }
            #suggest .form input{
                line-height: 32px;
            }
            #suggest .form textarea{
                height: 140px;
                padding: 8px;
            }
            #suggest .submit{
                font-size: 18px;
                width: 120px;
                line-height: 40px;
                margin-top: 30px;
            }
        }

        @media(max-width:767px){
            #contact{
                margin-top: 30px;
            }
            #contact .fluid{
                display: block;
            }
            #contact .lft{
                width: 100%;
                margin-right: 0px;
            }
            #contact .lft .txt{
                margin-top: 20px;
            }
            #contact .lft .txt p{
                font-size: 14px;
                margin-bottom: 20px;
                padding-bottom: 5px;
            }
            #contact .lft .txt p img {
                transform: scale(.8);
                margin-bottom: calc(-14px * 1.7 / 2 - 7px);
            }
            #contact .map{
                height: 70vw;
                margin-top: 30px;
            }

            #suggest{
                margin-top: 50px;
            }
            #suggest .form{
                margin-left: 0px;
            }
            #suggest .ttl{
                margin-bottom: 10px;
            }
            #suggest .form>*{
                width: 100% !important;
                margin-left: 0px !important;
                margin-top: 10px;
            }
            #suggest .form textarea{
                height: 120px;
            }
            #suggest .submit{
                margin-top: 20px;
            }

            #cooperate .txt{
                font-size: 5.3vw;
                width: calc(100% - 50px);
                max-width: 480px;
                padding: 50px 0px;
            }
            #cooperate .txt p + p{
                margin-top: 20px;
            }
        }